<template>
	<view class="wastedisposal">
		<titleName :name="name"></titleName>
		<view class="title-bgc"></view>
		<view class="wrap">
			<view class="godown-entry" @click="jumpStorage">
				<view class="name">入库</view>
				<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/right-arrow.png"
					mode=""></image>
			</view>
			<view class="disposition" @click="jumpDispose">
				<view class="name">处置</view>
				<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/right-arrow.png"
					mode=""></image>
			</view>
		</view>

	</view>
</template>

<script setup>
	import titleName from '../../components/titleName.vue'
	import {
		ref
	} from 'vue'
	let name = "涉废管理"
	let jumpDispose = () => {
		uni.navigateTo({
			url: "/homePageOther/hazardouswaste/hazardouswaste"
		})
	}
	let jumpStorage = () => {
		uni.navigateTo({
			url: "/homePageOther/putstorage/putstorage"
		})
	}
</script>

<style lang="scss" scoped>
	.wastedisposal {
		width: 100vw;
		height: 100vh;
		padding-top: 160rpx;
		overflow: hidden;

		.title-bgc {
			background: #0874FA;
			height: 160rpx;
			width: 100vw;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9;
		}

		.wrap {
			height: calc(100vh - 160rpx);
			background: #F0F2F5;
			padding: 13rpx 0 13rpx 0;

			view:first-child {
				margin-top: 0;
			}

			view {
				padding: 0 53rpx 0 0rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				height: 107rpx;
				background: #fff;
				margin-top: 13rpx;

				.name {
					margin-left: 63rpx;
					font-weight: 500;
					font-size: 31rpx;
					color: #000000;

				}

				image {
					width: 15rpx;
					height: 25rpx;
				}
			}
		}




	}
</style>